@import '../../global/index.less';
.weiwei-ui-select-selector {
  position: relative;
  width: 200px;
  .weiwei-ui-select-search {
    .weiwei-select-input-wrapper {
      position: relative;
      display: inline-flex;
      width: 100%;
      margin-bottom: 10px;
      .weiwei-select-input-inner {
        width: 100%;
        padding: @input-padding-y-sm @input-padding-x-sm;
        color: @input-color;
        font-weight: @input-font-weight;
        font-size: @input-font-size-sm;
        font-family: @input-font-family;
        line-height: @input-line-height;
        background-color: @input-bg;
        background-clip: padding-box;
        border: @input-border-width solid @input-border-color;

        // Note: This has no effect on <select>s in some browsers, due to the limited stylability of `<select>`s in CSS.
        border-radius: @input-border-radius-sm;

        box-shadow: @input-box-shadow;
        transition: @input-transition;

        &:focus {
          // color: @input-focus-color;
          color: rgba(56, 56, 56, 0.678);
          background-color: @input-focus-bg;
          border-color: @input-focus-border-color;
          outline: 0;
          box-shadow: @input-focus-box-shadow;
          // Avoid using mixin so we can pass custom focus shadow properly
        }

        &:hover {
          border-color: @input-focus-border-color;
        }
        &::placeholder {
          color: @input-placeholder-color;
          // Override Firefox's unusual default opacity; see https://github.com/twbs/bootstrap/pull/11526.
          opacity: 1;
        }
        &:disabled,
        &[readonly] {
          // background-color: @input-disabled-bg;
          // border-color: @input-disabled-border-color;
          // iOS fix for unreadable disabled content; see https://github.com/twbs/bootstrap/issues/11655.
          opacity: 1;
        }
      }
    }
  }

  .weiwei-ui-select-options {
    position: absolute;
    top: 35px;
    left: 0;
    width: 100%;
    padding:5px 0;
    border-radius: 5px;
    border:1px solid  rgba(224, 224, 224, 0.521);
    box-shadow: 0 0 30px 1px rgba(194, 194, 194, 0.596);
    .weiwei-ui-option{
      box-sizing: border-box;
      padding:0 12px;
      height: 32px;
      line-height: 32px;

      &:hover{
        background:#000;
      }
    }
  }
}
